.traceabilitydetail {
  //background-image: url('https://lhs.tann.cc/upload/images/hotBj.png');
  // background-image: url('https://lhs.tann.cc/upload/images/orderTraceability_bottom.png');
  // background-repeat: no-repeat;
  // background-size: 750rpx 320rpx;
  background-position: left bottom;
  width: 100%;
  background-color: #231815;
  // padding: 30rpx;
  box-sizing: border-box;
  // padding-bottom: 320rpx;
}

.content {
  padding: 30rpx;
  box-sizing: border-box;

}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 240rpx;

  .image {
    width: 162rpx;
    height: 92rpx;
  }
}

.box {
  background: rgba(255, 243, 232, 0.2) !important;
  border-radius: 16rpx 16rpx 16rpx 16rpx !important;
  border: 2rpx solid rgba(235, 201, 177, 0.5) !important;
}

.goodsInfo {
  padding: 30rpx;
  box-sizing: border-box;
  height: 220rpx;
  background: rgba(255, 243, 232, 0.2);
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  border: 2rpx solid rgba(235, 201, 177, 0.5);
  display: flex;

  image {
    width: 160rpx;
    height: 160rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    background-color: aqua;
  }

  .right {
    flex: 1;
    width: 0;
    margin-left: 24rpx;

    .title {
      font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
      font-weight: 500;
      font-size: 36rpx;
      color: #FADD9E;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;

    }

    .btn {

      height: 64rpx;
      background: linear-gradient(81deg, #945D25 0%, #F1E8AD 51%, #AA8E5A 100%);
      border-radius: 8rpx 8rpx 8rpx 8rpx;
      // border: 2rpx solid #312C2F;
      font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
      font-weight: 400;
      font-size: 32rpx;
      color: #312C2F;
      line-height: 60rpx;
      text-align: center;
      font-style: normal;
      text-transform: none;
      margin-top: 40rpx;
      padding: 0 26rpx;
      min-width: 160rpx;
      display: inline-block;
    }
  }
}

.sendName {
  padding: 30rpx;
  box-sizing: border-box;
  height: 220rpx;
  background: #FFFFFF;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  margin-top: 24rpx;

  .title {
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 32rpx;
    color: #312C2F;
    margin-bottom: 20rpx;
    display: flex;
    align-items: center;
    color: #FADD9E;

    .gang {
      width: 4rpx;
      height: 24rpx;
      background-color: #FADD9E;
      margin-right: 15rpx;
    }
  }

  .info {
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 28rpx;
    color: #D9B771;

  }
}

.sendType {

  padding: 30rpx;
  box-sizing: border-box;
  height: 160rpx;
  width: 100%;
  background: #FFFFFF;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  margin: 20rpx 0;

  view {

    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 28rpx;
    color: #312C2F;
    line-height: 40rpx;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
}

.sendStateBox {
  border-radius: 16rpx;
  padding: 30rpx;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFFFFF;
  margin-top: 24rpx;
  transition-property: all;
  /* 过渡效果持续0.5秒 */
  transition-duration: 0.5s;

  /* 过渡效果持续500毫秒 */
  transition-duration: 5000ms;

  .item {
    color: #FADD9E;
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 28rpx;
    color: #FADD9E;
    line-height: 40rpx;
    margin-bottom: 20rpx;
  }

  .sendState {
    // max-height: 300rpx;
    min-height: 100rpx;
    overflow: hidden;
    // transition: all 1s;
    transition-property: all;
    /* 过渡效果持续0.5秒 */
    transition-duration: 0.5s;

    /* 过渡效果持续500毫秒 */
    transition-duration: 5000ms;
  }

  .btn {
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 24rpx;
    color: #D9B771;
    line-height: 28rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 20rpx;

    .jiantou {
      width: 36rpx;
      height: 36rpx;
      vertical-align: middle;
    }
  }
}

.van-steps {
  background-color: #4F443F !important;
  //background-color: #EBC9B1 !important;
}

.van-step--vertical .van-step__icon {
  background-color: #4F443F !important;
}

.van-step__line {
  background-color: #947D58 !important;
}

.van-step--vertical:first-child:before {
  background-color: #947D58 !important;
}

.van-step--vertical:after {
  // border: 1px solid pink !important;
}

.image {
  width: 162rpx;
  height: 92rpx;
}

.image {
  width: 162rpx;
  height: 92rpx;
}

.introduce_box {
  width: 100%;
  padding: 30rpx;
  box-sizing: border-box;
  margin-top: 20rpx;
  background-color: #FFFFFF;

  .title {
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 32rpx;
    color: #312C2F;
    margin-bottom: 20rpx;
    display: flex;
    align-items: center;
    color: #FADD9E;

    .gang {
      width: 4rpx;
      height: 24rpx;
      background-color: #FADD9E;
      margin-right: 15rpx;
    }
  }

  .info {
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 28rpx;
    color: #D9B771;

    text-align: left;
    font-style: normal;
    text-transform: none;
  }

  video {
    width: 100%;
    height: 340rpx;
    margin-top: 20rpx;
  }
}

.orderTraceability_bottom {
  width: 100%;
  height: 260rpx;
  // margin-top: 16rpx;
}

.van-step__line {
  background-color: #947D58 !important;
}

.van-step__circle {
  background-color: #D9B771 !important;
}

.van-step--vertical:after {
  border-bottom-width: 1px;
  border-bottom-color: #947D58 !important;

}